<template>
	<view>
		<NavBar :isScroll="false" :placeholder="false" :isTitle="true" title="支付成功" />
		<!-- <image src="/static/img/navBar/headBgc.png" style="width: 100%; height: 480rpx" mode=""></image> -->
		<view class="" style="width: 100%; height: 480rpx"></view>
		<view class="paySuccess-box zdy-flex zdy-flex-direction zdy-flex-align-center">
			<image src="/static/img/logo.png" mode="" style="width: 160rpx; height: 160rpx"></image>
			<view class="paySuccess-type">支付成功</view>
			<u-button size="large" @click="$tn('/order/roomOrder')" color="#85dcd6">查看订单</u-button>
			<view class="back" @click="backHome()">返回首页</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		backHome() {
			uni.switchTab({
				url: '/pages/tab/home'
			});
		}
	}
};
</script>
<style>
page {
	background-color: #e6f8f7;
}
</style>
<style scoped lang="scss">
.paySuccess-box {
	margin-top: -300rpx;
	padding: 0 60rpx;
	image {
		margin-top: 110rpx;
	}
	.paySuccess-type {
		margin: 18rpx 0 80rpx;
		font-weight: bold;
		font-size: 34rpx;
		color: #333333;
	}
	::v-deep .u-button--square {
		border-radius: 99rpx;
		padding: 25rpx 145rpx !important;
		font-weight: bold;
		font-size: 34rpx;
		color: #333333 !important;
	}
	.back {
		margin-top: 30rpx;
		color: #999999;
		text-decoration-line: underline;
	}
}
</style>
